page {
  background-color: white;
}

.app-container {

  height: 100%;
  .top{
	  text-align: center;
	  padding-top: 100rpx;
	  background-image: url("/src/static/icon/login-bg.png");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 100%;
	  .title{
		  font-size: 40rpx;
		color: #282828;
	  }
	  .logo{
	  	width: 100rpx;
	  	border-radius: 20rpx;
	  }
  }

  .app-container__item {

   
    margin-top: 50rpx;
    padding: 10rpx 30rpx;
    background-color: white;

    .content {
      margin-bottom: 20rpx;

      .input-border {
  
        background: #ffffff;
        border: 2rpx solid #f2f2f2;
        border-radius: 10rpx;
        padding: 0 20rpx;
        margin-top: 30rpx;
        height: 88rpx;
        line-height: 88rpx;
        vertical-align: middle;
        display: flex;
        justify-content: space-between;
        align-items: center;
.label{
	width: 100rpx;
}
.line{
	width: 2rpx;
	height: 40rpx;
	
	background-color: #f2f2f2;
}
        .width-100 {
          width: 100%;
        }

        .width-75 {
          width: 75%;
        }

        .getCode {
          font-size: 26rpx;
       
          width: 160rpx;
          width: 210rpx;
          height: 66rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
        }

        .img {
          width: 200rpx;
          height: 100rpx;
        }
      }
    }

    .text-gray {
      font-size: 24rpx;
      color: #333333;
      margin-top: 60rpx;

      .checkRadio {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}
.btnBox{
	background-color: #3374EF;
	margin-top: 50rpx;
	color: white;
}
.sms{
	display: flex;
	align-items: center;
}
.bottom{
	position: fixed;
	bottom: 100rpx;
}
.blue{
	color: #3374EF;
}